<template>
	<view>
		<view class="page">
			<comp-common v-bind="{data:data}" @getUserInfo="getUserInfo" @myLogin="myLogin" @getPhoneNumber="getPhoneNumber" @hideGetCoupon="hideGetCoupon" @closeCouponBox="closeCouponBox" @navigatorClick="navigatorClick"></comp-common>
			<comp-header v-bind="{data:data}" @relevanceError="relevanceError" @relevanceSuccess="relevanceSuccess"></comp-header>
			<view class="body after-navber">
        <view :class="['page',data.__page_classes]">
            <view class="body after-navber">
                <view style="position:relative;">
                    <view class="user-info flex-row flex-y-center" v-if="data.style.top==0">
                        <image class="user-info-bg" mode="aspectFill" :src="data.user_center_bg"></image>
												<navigator url="/pages/user-info/user-info">
                        <view class="flex-grow-1 flex-y-center flex-row userinfo-name">
                            <view class="flex-grow-0">
                                <image class="avatar" :src="data.user_info.avatar_url"></image>
                            </view>
                            <view class="flex-grow-1">
                                <text class="user-name">{{data.user_info.nickname}}</text>
                                <view @tap="member" class="user-level flex-row">
                                    <view class="level-name flex-y-bottom">
                                        <image :src="data.__wxapp_img.user.level.url"></image>
                                        <view class="flex-y-center" style="height:100%;">{{data.user_info.level_name||'普通用户'}}</view>
                                    </view>
                                </view>
                            </view>
                        </view>
												</navigator>
                        <view class="flex-grow-0 flex-y-center userinfo-addr">
                            <navigator class="my-address flex-y-center" url="/pages/address/address">
                                <image :src="data.__wxapp_img.dapp.address.url"></image>
                                <text>收货地址</text>
                            </navigator>
                        </view>
                    </view>
                    <view class="user-info flex-row flex-x-center flex-y-center" v-if="data.style.top==1">
                        <image class="user-info-bg" mode="aspectFill" :src="data.user_center_bg"></image>
												<navigator url="/pages/user-info/user-info">
                        <view>
                            <view class="flex-x-center">
                                <image class="avatar" :src="data.user_info.avatar_url"></image>
                            </view>
                            <view @tap="data.next_level||data.user_info&&data.user_info.level!=-1?'member':''" class="user-level flex-row flex-x-center" style="margin-top: -20upx;;">
                                <view class="level-name flex-y-bottom">
                                    <image :src="data.__wxapp_img.user.level.url"></image>
                                    <view class="flex-y-center" style="height:100%;">{{data.user_info.level_name||'普通用户'}}</view>
                                </view>
                            </view>
                            <view class="flex-x-center" style="margin-top: 10upx;">
                                <text class="user-name">{{data.user_info.nickname}}</text>
                            </view>
                        </view>
												</navigator>
                    </view>
                    <view class="user-info flex-row flex-y-center flex-x-center" v-if="data.style.top==2">
                        <image class="user-info-bg" mode="aspectFill" :src="data.user_center_bg"></image>
                        <view class="flex-y-center user-info-1">
													<navigator url="/pages/user-info/user-info">
                            <view class="flex-grow-1 flex-y-center flex-row">
                                <view class="flex-grow-0">
                                    <image class="avatar" :src="data.user_info.avatar_url"></image>
                                </view>
                                <view class="flex-grow-1">
                                    <text class="user-name text-more">{{data.user_info.nickname}}</text>
                                    <view @tap="data.next_level||data.user_info&&data.user_info.level!=-1?'member':''" class="user-level flex-row">
                                        <view class="level-name flex-y-bottom">
                                            <image :src="data.__wxapp_img.user.level.url"></image>
                                            <view class="flex-y-center" style="height:100%;">{{data.user_info.level_name||'普通用户'}}
                                                </view>
                                        </view>
                                    </view>
                                </view>
                            </view>
														</navigator>
                            <view class="flex-grow-0 flex-y-center flex-x-center" style="padding: 10upx;width: 200upx;;">
                                <block v-if="item.open_type=='navigator'" v-for="(item,index) in data.menus" :key="item.id">
                                    <navigator class="option-item flex-grow-0 style" style="width: auto;" :url="item.url" v-if="item.id=='address'">
                                        <view>
                                            <view class="flex-x-center">
                                                <image class="option-icon" :src="item.icon"></image>
                                            </view>
                                            <view class="text-more-2" style="text-align: center">{{item.name}}</view>
                                        </view>
                                    </navigator>
                                </block>
                            </view>
                        </view>
                    </view>
                </view>
                <view class="wallet flex-row" v-if="data.wallet&&data.wallet.is_wallet==1">
                    <!-- <view class="flex-grow-0 wallet-1 flex-x-center flex-y-center" :style="{width:data.wallet.re==1?'150upx;':''}">
                        <view>
                            <view class="flex-x-center">
                                <image :src="data.wallets.status_2.icon" style="width:48upx;height:48upx;margin-bottom:20upx;"></image>
                            </view>
                            <view class="fs-sm">{{data.wallets.status_2.text}}</view>
                        </view>
                    </view> -->
                    <view @tap="integral_mall" :class="['flex-grow-0', data.wallet.re==1?'wallet-3':'wallet-2', 'flex-x-center flex-y-center']" :data-integral="data.user_info.integral" style="flex:1">
                        <view class="flex-grow-1 flex-y-center flex-col">
                            <view class="num-1 flex-x-center">{{data.user_info.integral}}</view>
                            <view class="flex-row num-2 flex-x-center">
                                <image class="flex-grow-0" :src="data.wallets.status_0.icon" style="width:26upx;height:26upx;margin-right:10upx;"></image>
                                <view class="flex-grow-0">{{data.wallets.status_0.text}}</view>
                            </view>
                        </view>
                    </view>
                    <view :class="['flex-grow-0', data.wallet.re==1?'wallet-3':'wallet-2','flex-x-center flex-y-center']" v-if="data.wallet.re==1" style="flex: 1">
                        <view class="flex-grow-1 flex-y-center flex-col">
                            <navigator hoverClass="none" url="/pages/balance/balance">
                                <view class="num-1 flex-x-center">{{data.user_info.money}}</view>
                                <view class="flex-row num-2 flex-x-center">
                                    <image class="flex-grow-0" :src="data.wallets.status_1.icon" style="width:26upx;height:26upx;margin-right:10upx;"></image>
                                    <view class="flex-grow-0">{{data.wallets.status_1.text}}</view>
                                </view>
                            </navigator>
                        </view>
                    </view>
                </view>
                <view class="order-block" v-if="data.setting&&data.setting.is_order==1">
                    <navigator class="my-order" url="/pages/order/order?status=-1">我的订单</navigator>
                    <view class="flex-row">
                        <view class="flex-grow-1">
                            <navigator class="nav-item" url="/pages/order/order?status=0">
                                <view>
                                    <image :src="data.orders.status_0.icon"></image>
                                </view>
                                <view>{{data.orders.status_0.text?data.orders.status_0.text:'待付款'}}</view>
                                <view class="num-icon" v-if="data.order_count.status_0&&data.order_count.status_0>0">
                                    <text>{{data.order_count.status_0}}</text>
                                </view>
                            </navigator>
                        </view>
                        <view class="flex-grow-1">
                            <navigator class="nav-item" url="/pages/order/order?status=1">
                                <view>
                                    <image :src="data.orders.status_1.icon"></image>
                                </view>
                                <view>{{data.orders.status_1.text?data.orders.status_1.text:'待发货'}}</view>
                                <view class="num-icon" v-if="data.order_count.status_1&&data.order_count.status_1>0">
                                    <text>{{data.order_count.status_1}}</text>
                                </view>
                            </navigator>
                        </view>
                        <view class="flex-grow-1">
                            <navigator class="nav-item" url="/pages/order/order?status=2">
                                <view>
                                    <image :src="data.orders.status_2.icon"></image>
                                </view>
                                <view>{{data.orders.status_2.text?data.orders.status_2.text:'待收货'}}</view>
                                <view class="num-icon" v-if="data.order_count.status_2&&data.order_count.status_2>0">
                                    <text>{{data.order_count.status_2}}</text>
                                </view>
                            </navigator>
                        </view>
                        <view class="flex-grow-1">
                            <navigator class="nav-item" url="/pages/order/order?status=3">
                                <view>
                                    <image :src="data.orders.status_3.icon"></image>
                                </view>
                                <view>{{data.orders.status_3.text?data.orders.status_3.text:'已完成'}}</view>
                            </navigator>
                        </view>
                        <view class="flex-grow-1">
                            <navigator class="nav-item" url="/pages/order/order?status=4">
                                <view>
                                    <image :src="data.orders.status_4.icon"></image>
                                </view>
                                <view>{{data.orders.status_4.text?data.orders.status_4.text:'售后'}}</view>
                            </navigator>
                        </view>
                    </view>
                </view>
                <view class="option-list" v-if="data.style.menu==0&&data.wallet.is_menu==1">
                    <block v-for="(item,index) in data.menus" :key="item.id">
                        <block v-if="item.open_type=='navigator'">
                            <block v-if="item.id=='fenxiao'">
                                <block v-if="data.share_setting.level>0">
                                    <view v-if="data.user_info.is_distributor!=1">
                                        <form @submit="apply" reportSubmit="true">
                                            <view class="option-item">
                                                <view class="flex-row option-content">
                                                    <view class="flex-grow-1 flex-row">
                                                        <view class="flex-grow-0 flex-y-center">
                                                            <image class="option-icon" :src="item.icon"></image>
                                                        </view>
                                                        <view class="flex-grow-1 flex-y-center">{{item.name_1?item.name_1:'成为分销商'}}</view>
                                                    </view>
                                                    <view class="flex-grow-0 flex-y-center">
                                                        <image class="option-jisntou" :src="data.__wxapp_img.dapp.jiantou_r.url"></image>
                                                    </view>
                                                    <input class="hidden" name="input"></input>
                                                    <button class="shadow-btn" formType="submit"></button>
                                                </view>
                                            </view>
                                        </form>
                                    </view>
                                    <view v-else-if="data.user_info.is_distributor==1">
                                        <navigator class="option-item" url="/pages/share/index">
                                            <view class="flex-row option-content">
                                                <view class="flex-grow-1 flex-row">
                                                    <view class="flex-grow-0 flex-y-center">
                                                        <image class="option-icon" :src="item.icon"></image>
                                                    </view>
                                                    <view class="flex-grow-1 flex-y-center">{{item.name}}</view>
                                                </view>
                                                <view class="flex-grow-0 flex-y-center">
                                                    <image class="option-jisntou" :src="data.__wxapp_img.dapp.jiantou_r.url"></image>
                                                </view>
                                            </view>
                                        </navigator>
                                    </view>
                                </block>
                            </block>
                            <form @submit="_formIdSubmit" data-bind="myBtnClick" data-type="navigate" :data-url="item.url" reportSubmit="true" v-else>
                                <button formType="submit" class="_formIdSubmit">
                                    <view class="option-item">
                                        <view class="flex-row option-content">
                                            <view class="flex-grow-1 flex-row">
                                                <view class="flex-grow-0 flex-y-center">
                                                    <image class="option-icon" :src="item.icon"></image>
                                                </view>
                                                <view class="flex-grow-1 flex-y-center">{{item.name}}</view>
                                            </view>
                                            <view class="flex-grow-0 flex-y-center">
                                                <image class="option-jisntou" :src="data.__wxapp_img.dapp.jiantou_r.url"></image>
                                            </view>
                                        </view>
                                    </view>
                                </button>
                            </form>
                        </block>
                        <view @tap="callTel" class="option-item" :data-tel="item.tel" v-else-if="item.open_type=='tel'">
                            <view class="flex-row option-content">
                                <view class="flex-grow-1 flex-row">
                                    <view class="flex-grow-0 flex-y-center">
                                        <image class="option-icon" :src="item.icon"></image>
                                    </view>
                                    <view class="flex-grow-1 flex-y-center">{{item.name}}</view>
                                </view>
                                <view class="flex-grow-0 flex-y-center">
                                    <image class="option-jisntou" :src="data.__wxapp_img.dapp.jiantou_r.url"></image>
                                </view>
                            </view>
                        </view>
                        <block v-else-if="item.open_type=='contact'">
                            <button class="option-item" openType="contact" plain="true" :sessionFrom="data.__user_info.nickname" v-if="data.__platform=='wx'">
                                <view class="flex-row option-content">
                                    <view class="flex-grow-1 flex-row">
                                        <view class="flex-grow-0 flex-y-center">
                                            <image class="option-icon" :src="item.icon"></image>
                                        </view>
                                        <view class="flex-grow-1 flex-y-center">{{item.name}}</view>
                                    </view>
                                    <view class="flex-grow-0 flex-y-center">
                                        <image class="option-jisntou" :src="data.__wxapp_img.dapp.jiantou_r.url"></image>
                                    </view>
                                </view>
                            </button>
                        </block>
                        <block v-else-if="item.open_type=='no_navigator'">
                            <button @tap="clearCache" class="option-item" plain="true" :sessionFrom="data.__user_info.nickname" v-if="data.__platform=='wx'">
                                <view class="flex-row option-content">
                                    <view class="flex-grow-1 flex-row">
                                        <view class="flex-grow-0 flex-y-center">
                                            <image class="option-icon" :src="item.icon"></image>
                                        </view>
                                        <view class="flex-grow-1 flex-y-center">{{item.name}}</view>
                                    </view>
                                    <view class="flex-grow-0 flex-y-center">
                                        <image class="option-jisntou" :src="data.__wxapp_img.dapp.jiantou_r.url"></image>
                                    </view>
                                </view>
                            </button>
                        </block>
                    </block>
                </view>
                <view class="options-list" style="background-color: #fff;" v-if="data.style.menu==1&&data.wallet.is_menu==1">
                    <view class="flex-row" style="flex-wrap: wrap">
                        <block v-for="(item,index) in data.menus" :key="item.id">
                            <block v-if="item.open_type=='navigator'">
                                <block v-if="item.id=='fenxiao'">
                                    <block v-if="data.share_setting.level>0">
                                        <view class="option-item flex-grow-0 style" v-if="data.user_info.is_distributor!=1">
                                            <form @submit="apply" reportSubmit="true">
                                                <view>
                                                    <view class="flex-x-center">
                                                        <image class="option-icon" :src="item.icon"></image>
                                                    </view>
                                                </view>
                                                <view>
                                                    <view class="text-more-2" style="text-align: center">{{item.name_1?item.name_1:'成为分销商'}}</view>
                                                    <input class="hidden" name="input"></input>
                                                    <button class="shadow-btn" formType="submit"></button>
                                                </view>
                                            </form>
                                        </view>
                                        <navigator class="option-item flex-grow-0 style" url="/pages/share/index" v-else-if="data.user_info.is_distributor==1">
                                            <view>
                                                <view class="flex-x-center">
                                                    <image class="option-icon" :src="item.icon"></image>
                                                </view>
                                                <view class="text-more-2" style="text-align: center">{{item.name}}</view>
                                            </view>
                                        </navigator>
                                    </block>
                                </block>
                                <form @submit="_formIdSubmit" data-bind="myBtnClick" data-type="navigate" :data-url="item.url" reportSubmit="true" style="width:25%;" v-else>
                                    <button formType="submit" class="_formIdSubmit" style="width:100%;">
                                        <view class="option-item flex-grow-0 style" style="width:100%;">
                                            <view>
                                                <view class="flex-x-center">
                                                    <image class="option-icon" :src="item.icon"></image>
                                                </view>
                                                <view class="text-more-2" style="text-align: center">{{item.name}}</view>
                                            </view>
                                        </view>
                                    </button>
                                </form>
                            </block>
                            <navigator @tap="callTel" class="option-item flex-grow-0 style" :data-tel="item.tel" v-else-if="item.open_type=='tel'">
                                <view>
                                    <view class="flex-x-center">
                                        <image class="option-icon" :src="item.icon"></image>
                                    </view>
                                    <view class="text-more-2" style="text-align: center">{{item.name}}</view>
                                </view>
                            </navigator>
                            <button class="option-item flex-grow-0 style" openType="contact" plain="true" style="line-height:1;margin:0;height:100%;" v-else-if="item.open_type=='contact'">
                                <view>
                                    <view class="flex-x-center">
                                        <image class="option-icon" :src="item.icon"></image>
                                    </view>
                                    <view class="text-more-2" style="text-align: center">{{item.name}}</view>
                                </view>
                            </button>
                            <view @tap="clearCache" class="option-item flex-grow-0 style" v-else-if="item.open_type=='no_navigator'">
                                <view>
                                    <view class="flex-x-center">
                                        <image class="option-icon" :src="item.icon"></image>
                                    </view>
                                    <view class="text-more-2" style="text-align: center">{{item.name}}</view>
                                </view>
                            </view>
                        </block>
                    </view>
                </view>
								<comp-copyright v-bind="{data:data}" @navigatorClick="navigatorClick" @openWxapp="openWxapp"></comp-copyright>
            </view>
        </view>
    </view>
    
    <comp-footer v-bind="{data:data}"></comp-footer>
</view>

	</view>
</template>

<script>var myVue = {};
	export default {
		data() {
			return {
				data: {
					contact_tel: "",
					show_customer_service: 0,
					style: {},
					user_info: {},
					__user_info: {}
				}
			};
		},
		onLoad: function(e) {myVue = this;
        myVue.getApp.page.onLoad(this, e);
    },
		onReady: function(e) {
        myVue.getApp.page.onReady(this);
    },
    onShow: function(e) {
			var t = this.data
        myVue.getApp.page.onShow(this), this.loadData();
    },
		methods:{
			loadData: function(e) {
        var t = this;
        t.setData({
            dapp: myVue.getApp.core.getStorageSync(myVue.getApp.const.DAPP)
        }), myVue.getApp.request({
            url: myVue.getApp.api.user.index,
            success: function(e) {
                0 == e.code && ("my" == t.data.__platform && e.data.menus.forEach(function(t, a, o) {
                    "bangding" === t.id && e.data.menus.splice(a, 1, 0);
                }), t.setData(e.data), t.getApp.core.setStorageSync(t.getApp.const.PAGES_USER_USER, e.data), 
                t.getApp.core.setStorageSync(t.getApp.const.SHARE_SETTING, e.data.share_setting), 
                t.getApp.core.setStorageSync(t.getApp.const.USER_INFO, e.data.user_info));
            }
        });
    },
    callTel: function(e) {
        var t = e.currentTarget.dataset.tel;
        myVue.getApp.core.makePhoneCall({
            phoneNumber: t
        });
    },
    apply: function(e) {
        var t = this, a = myVue.getApp.core.getStorageSync(myVue.getApp.const.SHARE_SETTING), o = myVue.getApp.getUser();
        1 == a.share_condition ? myVue.getApp.core.navigateTo({
            url: "/pages/add-share/index"
        }) : 0 != a.share_condition && 2 != a.share_condition || (0 == o.is_distributor ? myVue.getApp.core.showModal({
            title: "申请成为" + t.data.dapp.share_custom_data.words.share_name.name,
            content: "是否申请？",
            success: function(t) {
                t.confirm && (myVue.getApp.core.showLoading({
                    title: "正在加载",
                    mask: !0
                }), myVue.getApp.request({
                    url: myVue.getApp.api.share.join,
                    method: "POST",
                    data: {
                        form_id: e.detail.formId
                    },
                    success: function(e) {
                        0 == e.code && (0 == a.share_condition ? (o.is_distributor = 2, t.getApp.core.navigateTo({
                            url: "/pages/add-share/index"
                        })) : (o.is_distributor = 1, t.getApp.core.navigateTo({
                            url: "/pages/share/index"
                        })), t.getApp.core.setStorageSync(t.getApp.const.USER_INFO, o));
                    },
                    complete: function() {
                        t.getApp.core.hideLoading();
                    }
                }));
            }
        }) : myVue.getApp.core.navigateTo({
            url: "/pages/add-share/index"
        }));
    },
    verify: function(e) {
        myVue.getApp.core.scanCode({
            onlyFromCamera: !1,
            success: function(e) {
                myVue.getApp.core.navigateTo({
                    url: "/" + e.path
                });
            },
            fail: function(e) {
                myVue.getApp.core.showToast({
                    title: "失败"
                });
            }
        });
    },
    member: function() {
        myVue.getApp.core.navigateTo({
            url: "/pages/member/member"
        });
    },
    integral_mall: function(e) {
			var permission_list = myVue.getApp.core.getStorageSync('DAPP_CONFIG').permission_list
        permission_list && permission_list.length && function(e, t) {
            return -1 != ("," + e.join(",") + ",").indexOf("," + t + ",");
        }(permission_list, "integralmall") && myVue.getApp.core.navigateTo({
            url: "/pages/integral-mall/index/index"
        });
    },
    clearCache: function() {
        myVue.getApp.core.showActionSheet({
            itemList: [ "退出登录" ],
            success: function(e) {
                if (0 === e.tapIndex) {
//                     myVue.getApp.core.showLoading({
//                         title: "清除中..."
//                     }),
										myVue.getApp.core.clearStorageSync(),
                    myVue.getApp.getDappData();
//                     setInterval(function() {
//                         myVue.getApp.core.hideLoading();
//                     }, 1e3);
										myVue.getApp.core.reLaunch({
												url: '/pages/h5-login/h5-login'
										});
                }
            }
        });
    },
		}
	}
</script>

<style scoped>

.user-info {
    height: 348upx;
    color: #fff;
    position: relative;
}

.user-info view {
    z-index: 1;
}

.user-info .user-info-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.user-info .avatar {
    width: 130upx;
    height: 130upx;
    border-radius: 99999upx;
    border: 5upx solid #fff;
    margin: 0 24upx;
}

.user-info .user-name {
    font-weight: bold;
}

.user-info .my-address {
    background: #ff4544;
    color: #fff;
    border-radius: 999upx 0 0 999upx;
    padding-right: 24upx;
}

.user-info .my-address image {
    width: 44upx;
    height: 44upx;
    margin: 16upx;
}

.order-block {
    background: #fff;
    margin-bottom: 20upx;
}

.order-block .my-order {
    display: block;
    border-bottom: 1upx solid #e3e3e3;
    padding: 24upx;
}

.order-block .nav-item {
    text-align: center;
    display: block;
    font-size: 9pt;
    padding: 24upx 0;
    position: relative;
}

.order-block .nav-item .num-icon {
    position: absolute;
    top: 8upx;
    left: 50%;
    margin-left: 12upx;
    display: inline-block;
    background: #f00;
    color: #fff;
    border-radius: 999upx;
    font-size: 7pt;
    height: 30upx;
    line-height: 30upx;
    white-space: nowrap;
    min-width: 30upx;
    text-align: center;
    padding-left: 4upx;
    padding-right: 4upx;
}

.order-block .nav-item image {
    width: 60upx;
    height: 57upx;
    margin-bottom: 5upx;
}

.option-list {
    margin-bottom: 20upx;
}

.option-item {
    background: #fff;
    padding: 0 24upx;
    display: block;
    position: relative;
}

.option-item .option-content {
    border-bottom: 1upx solid #eee;
    height: 110upx;
}

.option-item .option-icon {
    width: 50upx;
    height: 50upx;
    margin-right: 24upx;
}

.option-item .option-jisntou {
    width: 12upx;
    height: 22upx;
}

button.option-item {
    font-size: inherit;
    color: inherit;
    font-family: inherit;
    border: none;
    background: #fff;
}

.user-level {
    margin-top: 16upx;
    position: relative;
}

.user-level image {
    width: 44upx;
    height: 44upx;
    margin-right: 10upx;
    margin-left: -4upx;
}

.level-name {
    height: 36upx;
    border-radius: 18upx;
    font-size: 8pt;
    color: #fff;
    background-color: #3c3642;
    padding: 0 16upx 0 0;
}

.integral-bg,.integral {
    height: 100upx;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.integral-bg {
    background-color: #888;
    opacity: 0.1;
}

.integral {
    padding: 0 27upx;
    color: #353535;
    font-size: 12pt;
}

.integral text {
    margin-left: 20upx;
}

.integral image {
    width: 52upx;
    height: 54upx;
    margin-right: 20upx;
}

.userinfo-name,.userinfo-addr {
    height: 248upx;
}

.integral-num {
    margin-left: 20upx;
}

.user-integral-arrow image {
    width: 16upx;
    height: 26upx;
}

.user-integral-go {
    font-size: 11pt;
    color: #666;
    margin-right: 20upx;
}

.shadow-btn {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    background-color: rgba(0,0,0,0);
    border: 0;
    border-radius: 0;
}

button::after {
    transform: scale(0);
}

.num-1 {
    color: #ffbb43;
    font-size: 13pt;
    margin-bottom: 16upx;
}

.num-2 {
    color: #666;
    align-items: center;
    line-height: 1;
}

.wallet {
    width: 100%;
    height: 140upx;
    margin-bottom: 20upx;
}

.wallet-1 {
    background-color: #fbfbfb;
    width: 310upx;
    height: 100%;
}

.wallet-2 {
    background-color: #fff;
    width: 440upx;
    height: 100%;
}

.wallet-3 {
    background-color: #fff;
    width: 300upx;
    height: 100%;
}

.wallet .wallet-3:last-child .flex-grow-1 {
    border-left: 1upx solid #e2e2e2;
}

.option-item.style {
    width: 25%;
    padding: 24upx;
    font-size: 9pt;
}

.option-item.style .option-icon {
    margin: 0;
    margin-bottom: 12upx;
}

.user-info-1 {
    margin-top: 50upx;
    background-color: #fff;
    border-radius: 10upx;
    height: 200upx;
    width: 700upx;
    color: #666;
    box-shadow: 0px 0px 12upx 1upx #ddd;
}
</style>
